<template>
  <default-layout>
    <header-close text="用户协议" slot="header"></header-close>
    <div slot="main">
      <div class="detail" v-for="(val) in 50" :key="val">用户协议...</div>
    </div>
  </default-layout>
</template>
<script>
  import HeaderClose from '../../../components/header-close/header-close.vue'
  import DefaultLayout from '../../../layouts/default-layout/default-layout'

  export default {
    components: {
      DefaultLayout,
      HeaderClose
    },
    data() {
      return {}
    }
  }
</script>
<style lang="scss" scoped>
  @import "../../../common/style/variable";

  .detail {
    padding: .2rem;
    font-size: .3rem;
    line-height: .45rem;
    white-space: pre-wrap;
    background: #fff;
  }
</style>
